import {createWebHistory, createRouter} from 'vue-router'

import Son1 from '@/components/8路由组件传参/1.子组件.vue'



// 定义路由路径
const routes = [
    // {
    //     // 路径参数
    //     path: '/son1/:id',
    //     name: 'son1',
    //     component: Son1,
    //     // 添加props属性 允许路径参数id作为 prop传递
    //     props: true
    // },

    {
        // 路径参数
        path: '/son1/:id',
        name: 'son1',
        component: Son1,

        // 通过对象进行传递
        props: {
            name: 'zhangsan',
            id: 1
        }
    },
]

const router = createRouter({
    history: createWebHistory(),
    routes,
})

export default router